<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta charset="utf-8">
</head>

<link rel="stylesheet" type="text/css" href="css/index.css">
<body>
<!--pages/index/index.wxml-->
<div class="content">
  <div></div>
  <div class="box">
    <div class="icon">
      <div class="ou">
      	<div class="in" id="loop-show-box">
          <ul id="con1">
            <li class="li-style">
              <img src="images/LOGO.png" class="img1">
              <span>货源代发数据统计</span>
            </li>
          </ul>
          <ul id="con2"></ul>
      	</div>
      </div>
      <div>
        <span>近期数据</span>
      </div>
    </div>
    <div class="count">
      <div>
        <span>1323</span>
        <span>用户总数</span>
      </div>
      <div>
        <span>99999</span>
        <span>订单总数</span>
      </div>
      <div>
        <span>¥ 12346</span>
        <span>订单总额</span>
      </div>
      <div>
        <span>¥ 12346</span>
        <span>订单盈利</span>
      </div>
    </div>
    <div class="count">
      <div>
        <span>0</span>
        <span>已发货的</span>
      </div>
      <div>
        <span>1</span>
        <span>待发货的</span>
      </div>
      <div>
        <span>0</span>
        <span>退换中的</span>
      </div>
      <div>
        <span>0</span>
        <span>交易成功</span>
      </div>
    </div>
    <div class="count">
      <div>
        <span>0</span>
        <span>淘宝订单</span>
      </div>
      <div>
        <span>0</span>
        <span>拼多多订单</span>
      </div>
      <div>
        <span>2</span>
        <span>微店订单</span>
      </div>
      <div>
        <span>0</span>
        <span>其他订单</span>
      </div>
    </div>
  </div>
  <div class="box trade">
    <div class="icon">
      <div>
        <img src="images/computer.png" class="img2">
        <text class="font-bold">实时交易模板</span>
      </div>
      <div>
        <text class="font-g">实时更新</span>
      </div>
    </div>
    <div class="trades">
      <div class="trade-content" data-item="1">
          <div class="trade-img"><img src="images/goods03.png"></div>
          <div class="trade-detail">
            <div class="title">1兰士顿 D2四核双动圈耳机入耳式有线……</div>
            <div class="tag">
              <div>
                <img src="images/icon_13.png">
                <text class="m-l">黄某人</span>
              </div>
              <div>
                <span>买家已付款</span>
                <text class="m-l">盈利123045元</span>
              </div>
            </div>
          </div>
      </div>
      <div class="trade-content" data-item="2">
          <div class="trade-img"><img src="images/goods03.png"></div>
          <div class="trade-detail">
            <div class="title">2兰士顿 D2四核双动圈耳机入耳式有线……</div>
            <div class="tag">
              <div>
                <img src="images/icon_13.png">
                <text class="m-l">黄某人</span>
              </div>
              <div>
                <span>买家已付款</span>
                <text class="m-l">盈利123045元</span>
              </div>
            </div>
          </div>
      </div>
      <div class="trade-content" data-item="3">
        <div>
          <div class="trade-img"><img src="images/goods03.png"></div>
          <div class="trade-detail">
            <div class="title">3兰士顿 D2四核双动圈耳机入耳式有线……</div>
            <div class="tag">
              <div>
                <img src="images/icon_13.png">
                <text class="m-l">黄某人</span>
              </div>
              <div>
                <span>买家已付款</span>
                <text class="m-l">盈利123045元</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="trade-content" data-item="4">
          <div class="trade-img"><img src="images/goods03.png"></div>
          <div class="trade-detail">
            <div class="title">4兰士顿 D2四核双动圈耳机入耳式有线……</div>
            <div class="tag">
              <div>
                <img src="images/icon_13.png">
                <text class="m-l">黄某人</span>
              </div>
              <div>
                <span>买家已付款</span>
                <text class="m-l">盈利123045元</span>
              </div>
            </div>
          </div>
      </div>
      <div class="trade-content" data-item="5">
          <div class="trade-img"><img src="images/goods03.png"></div>
          <div class="trade-detail">
            <div class="title">5兰士顿 D2四核双动圈耳机入耳式有线……</div>
            <div class="tag">
              <div>
                <img src="images/icon_13.png">
                <text class="m-l">黄某人</span>
              </div>
              <div>
                <span>买家已付款</span>
                <text class="m-l">盈利123045元</span>
              </div>
            </div>
          </div>
      </div>
    </div>
  </div>
  <div class="storeRank">
    <img src="images/store01.png" class="img3">
    <span>店铺数据排名</span>
  </div>
  <div class="rankList">
    <div>
      <span class="titles">订单量排名</span>
      <div class="stores">
        <div>
          <span class="o">1</span>
          <img src="images/store02.png">
          <span class="">张三店铺</span>
        </div>
        <div>
          <span>12450</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="t">2</span>
          <img src="images/icon01.png">
          <span class="">李四店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="th">3</span>
          <img src="images/icon02.png">
          <span class="">王五店铺</span>
        </div>
        <div>
          <span>900</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">4</span>
          <img src="images/store02.png">
          <span class="">戴思阁店铺</span>
        </div>
        <div>
          <span>800</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">5</span>
          <img src="images/icon01.png">
          <span class="">随心二股店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">6</span>
          <img src="images/icon02.png">
          <span class="">天猫旗舰</span>
        </div>
        <div>
          <span>600</span>
        </div>
      </div>
    </div> 
    <div>
      <span class="titles">用户利润排名</span>
      <div class="stores">
        <div>
          <span class="o">1</span>
          <img src="images/store02.png">
          <span class="">张三店铺</span>
        </div>
        <div>
          <span>12450</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="t">2</span>
          <img src="images/icon01.png">
          <span class="">李四店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="th">3</span>
          <img src="images/icon02.png">
          <span class="">王五店铺</span>
        </div>
        <div>
          <span>900</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">4</span>
          <img src="images/store02.png">
          <span class="">戴思阁店铺</span>
        </div>
        <div>
          <span>800</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">5</span>
          <img src="images/icon01.png">
          <span class="">随心二股店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">6</span>
          <img src="images/icon02.png">
          <span class="">天猫旗舰</span>
        </div>
        <div>
          <span>600</span>
        </div>
      </div>
    </div> 
    <div>
      <span class="titles">店铺房客量排名</span>
      <div class="stores">
        <div>
          <span class="o">1</span>
          <img src="images/store02.png">
          <span class="">张三店铺</span>
        </div>
        <div>
          <span>12450</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="t">2</span>
          <img src="images/icon01.png">
          <span class="">李四店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="th">3</span>
          <img src="images/icon02.png">
          <span class="">王五店铺</span>
        </div>
        <div>
          <span>900</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">4</span>
          <img src="images/store02.png">
          <span class="">戴思阁店铺</span>
        </div>
        <div>
          <span>800</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">5</span>
          <img src="images/icon01.png">
          <span class="">随心二股店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">6</span>
          <img src="images/icon02.png">
          <span class="">天猫旗舰</span>
        </div>
        <div>
          <span>600</span>
        </div>
      </div>
    </div> 
    <div>
      <span class="titles">销售成长排名</span>
      <div class="stores">
        <div>
          <span class="o">1</span>
          <img src="images/store02.png">
          <span class="">张三店铺</span>
        </div>
        <div>
          <span>12450</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="t">2</span>
          <img src="images/icon01.png">
          <span class="">李四店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="th">3</span>
          <img src="images/icon02.png">
          <span class="">王五店铺</span>
        </div>
        <div>
          <span>900</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">4</span>
          <img src="images/store02.png">
          <span class="">戴思阁店铺</span>
        </div>
        <div>
          <span>800</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">5</span>
          <img src="images/icon01.png">
          <span class="">随心二股店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">6</span>
          <img src="images/icon02.png">
          <span class="">天猫旗舰</span>
        </div>
        <div>
          <span>600</span>
        </div>
      </div>
    </div> 
    <div>
      <span class="titles">热销商品排名</span>
      <div class="stores">
        <div>
          <span class="o">1</span>
          <img src="images/store02.png">
          <span class="">张三店铺</span>
        </div>
        <div>
          <span>12450</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="t">2</span>
          <img src="images/icon01.png">
          <span class="">李四店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="th">3</span>
          <img src="images/icon02.png">
          <span class="">王五店铺</span>
        </div>
        <div>
          <span>900</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">4</span>
          <img src="images/store02.png">
          <span class="">戴思阁店铺</span>
        </div>
        <div>
          <span>800</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">5</span>
          <img src="images/icon01.png">
          <span class="">随心二股店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">6</span>
          <img src="images/icon02.png">
          <span class="">天猫旗舰</span>
        </div>
        <div>
          <span>600</span>
        </div>
      </div>
    </div> 
    <div>
      <span class="titles">热销类目排名</span>
      <div class="stores">
        <div>
          <span class="o">1</span>
          <img src="images/store02.png">
          <span class="">张三店铺</span>
        </div>
        <div>
          <span>12450</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="t">2</span>
          <img src="images/icon01.png">
          <span class="">李四店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="th">3</span>
          <img src="images/icon02.png">
          <span class="">王五店铺</span>
        </div>
        <div>
          <span>900</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">4</span>
          <img src="images/store02.png">
          <span class="">戴思阁店铺</span>
        </div>
        <div>
          <span>800</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">5</span>
          <img src="images/icon01.png">
          <span class="">随心二股店铺</span>
        </div>
        <div>
          <span>10020</span>
        </div>
      </div>
      <div class="stores">
        <div>
          <span class="">6</span>
          <img src="images/icon02.png">
          <span class="">天猫旗舰</span>
        </div>
        <div>
          <span>600</span>
        </div>
      </div>
    </div> 
  </div>
  <div class="box pop">
    <div class="icon">
      <div>
        <img src="images/pop.png" class="img5">
        <text class="font-bold">本周买家好评</span>
      </div>
    </div>
    <div class="reviews">
      <div class="review" data-item='1'>
        <div>
          <div class="dd">
            <img src="images/icon03.png" class="img6">
            <span class="font-g">斩月大叔</span>
          </div>
          <div>
            <span>购买两天后</span>
          </div>
        </div>
        <div>
          <span>1这个耳机真的超级不错</span>
          <span class="font-g">颜色分类：白色【畅听不带麦版】</span>
        </div>
      </div>
      <div class="review" data-item='2'>
        <div>
          <div class="dd">
            <img src="images/icon03.png" class="img6">
            <span class="font-g">斩月大叔</span>
          </div>
          <div>
            <span>购买两天后</span>
          </div>
        </div>
        <div>
          <span>2这个耳机真的超级不错</span>
          <span class="font-g">颜色分类：白色【畅听不带麦版】</span>
        </div>
      </div>
      <div class="review" data-item='3'>
        <div>
          <div class="dd">
            <img src="images/icon03.png" class="img6">
            <span class="font-g">斩月大叔</span>
          </div>
          <div>
            <span>购买两天后</span>
          </div>
        </div>
        <div>
          <span>3这个耳机真的超级不错</span>
          <span class="font-g">颜色分类：白色【畅听不带麦版】</span>
        </div>
      </div>
      <div class="review" data-item='4'>
        <div>
          <div class="dd">
            <img src="images/icon03.png" class="img6">
            <span class="font-g">斩月大叔</span>
          </div>
          <div>
            <span>购买两天后</span>
          </div>
        </div>
        <div>
          <span>4这个耳机真的超级不错</span>
          <span class="font-g">颜色分类：白色【畅听不带麦版】</span>
        </div>
      </div>
    </div>
  </div>
</div>


</body>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
</script>
<script>
          var index =5;
          function append(){
            index++;
             var str1 = '<div class="trade-content trade-content2" data-item="1">'+
              '<div class="trade-img"><img src="images/goods03.png"></div>'+
              '<div class="trade-detail">'+
                '<div class="title">'+index+'兰士顿 D2四核双动圈耳机入耳式有线……</div>'+
                '<div class="tag">'+
                  '<div>'+
                    '<img src="images/icon_13.png">'+
                    '<text class="m-l">黄某人'+
                  '</text></div>'+
                  '<div>'+
                    '<span>买家已付款</span>'+
                    '<text class="m-l">盈利123045元'+
                  '</text></div>'+
                '</div>'+
              '</div>'+
          '</div>'
            $(".trades").prepend(str1)
          }
          setInterval(append,2500)




          var index2 =5;
          function append2(){
            index2++;
             var str2 = '<div class="review review2" data-item="1">'+
                        '<div>'+
                          '<div class="dd">'+
                            '<img src="images/icon03.png" class="img6">'+
                            '<span class="font-g">斩月大叔'+index2+'</span>'+
                          '</div>'+
                          '<div>'+
                            '<span>购买两天后</span>'+
                          '</div>'+
                        '</div>'+
                        '<div>'+
                          '<span>1这个耳机真的超级不错</span>'+
                          '<span class="font-g">颜色分类：白色【畅听不带麦版】</span>'+
                       ' </div>'+
                      '</div>'
            $(".reviews").prepend(str2)
          }
          setInterval(append2,2500)
</script>
</html>